<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
        //1、要存一个名字 name,pink老师
        //localStorage.setItem(键，值)
        // localStorage.setItem('name', 'pink老师')
        // // localStorage.getItem('name')
        // //获取都加引号
        // console.log(localStorage.getItem('name')
        // );
        // //删除本地存储，只删除名字
        localStorage.removeItem('name')
        // //改
        // localStorage.setItem('name', 'red')

        //我要存一个年龄
        //2、本地存储只能存储字符串数据类型
        localStorage.setItem('age', 18)
        // localStorage.getItem('age')
        console.log(localStorage.getItem('age')
        );
        localStorage.removeItem('age')


        const obj = {

            name: '老师',
            age: 18,
            gender: '男'


        }

        //存储 复杂数据类型 无法直接使用 
        // localStorage.setItem('obj', obj)

        //1、复杂数据类型存储必须转换成 json字符串存储
        //json对象 属性和值有引号，而是引号统一是双引号
        //对象转换成字符串
        localStorage.setItem('obj', JSON.stringify(obj))
        //取
        console.log(typeof localStorage.getItem('obj')
        );

        //2、把json字符串转换为 对象
        // console.log(localStorage.getItem('obj'));
        //字符串转换为 对象
        // JSON.parse(localStorage.getItem('obj'))
        const str = localStorage.getItem('obj')
        console.log(JSON.parse(str)
        );



    </script>

</body>

</html>